$(document).ready(function(){
	var i=1;
	var j=1;
	var temp1="";
	//Fonction qui permet d"afficher les champs en fonction du nombre de lame
	$("#bouton").click(function () {
		var text =  $("#nb").val();
		$("#infos_lame").empty();
		if(text>0){
			while(i<=text){
				var para=$("<p/>").attr("id","para"+i).appendTo("#infos_lame");
				$("<h3/>").append("Lame "+i).appendTo(para);
				$("<label/>").append("Numéro de la lame:").attr("class","label").appendTo(para);
				$("<input/>").attr({class : "box", name : "num"+i, type : "text", }).appendTo(para);
				$("<span/>").append("* Saisir un numéro de lame").attr({class : "code3", id : "erreur_num"+i,}).appendTo(para);
				$("<label/>").append("Observation:").attr("class","label3").appendTo(para);
				$("<input/>").attr({class : "box", name : "obs"+i, type : "text", }).appendTo(para).after("<br/>");
				$("<input/>").attr({type : "button", value : "Ajouter photo", class : "ajouter", id : "ajout"+i}).appendTo(para).after("<br/>");
				i++;
			}
			$("<input/>").attr({ class : "bouton", type : "submit", value : "Valider le test", }).appendTo("#infos_lame");
		}
	});
	
	//création de nouveaux champs lors du click sur un bouton
	$(document).on("click",".ajouter",function() { 
		var temp="#"+$(this).attr("id"); // attribut ID du bouton cliqué
		if(temp!=temp1){j=1;temp1=temp;}
		$("<label/>").append("Photo:").attr("class","label").insertBefore(temp);
		$("<input/>").attr({class : "box", name : "fichierp"+$(this).attr("id")+"_"+j, type : "file", }).insertBefore(temp);
		$("<span/>").append("* Charger un fichier au format .jpg, .bmp, .jpeg, .tif ou .png").attr({class : "code3", id : "erreur_fichierp"+$(this).attr("id")+"_"+j,}).insertBefore(temp).after("<br/>");
		j++;
	});
});

//affichage du calendrier quand click sur le champ date
$(function() {
	$( "#datepicker" ).datepicker();
});

function afficher(oSelect){
	//affichage d'un champ pour créer un nouvel anticorps
	var value = oSelect.options[oSelect.selectedIndex].value;
	var elt = document.getElementsByClassName("autre");
	
	if(value!="autre"){
		for (var i=0; i<elt.length; i++){
			elt[i].style.display="none";
		}
	}
	else{
		for (var i=0; i<elt.length; i++){
			elt[i].style.display="inline";
		}
	}
}

function verif_form(f){ //vérification du formulaire avant l'envoie au serveur
	var dateOk = verifDate(f.date);
	var expOk = verifSelect(f.exp);
	var diagOk = verif(f.diag);
	var codeOk = verifSelect(f.code);
	var num = f.lame.value;
	var photosOk = true;
	var nomOk = true;
	
	if(num!=""){
		var cpt = 0;
		var cpt2 = 0;
		for(var i=1; i<=num;i++){
			var nom = verif(f.elements["num"+i]);
			var photo = verif_photo(f,i);
			if(!(photo)){cpt2++;}	
			if(!(nom)){cpt++;}
		}
		if(cpt2==0){photosOk = true;}
		else{photoOk = false;}
		if(cpt==0){nomOk = true;}
		else{nomOk = false;}
	}
	if(dateOk && expOk && diagOk && codeOk && photosOk && nomOk){
		return true;
	}
	else{
		alert("Veuillez remplir correctement tous les champs");
		return false;
	}
}

function verif_photo(f,i){
	//vérification de l'extension de la photo fourni par l'utilisateur
	var cpt=0;
	var listeExt2 = new Array('bmp','jpg','jpeg','png','tif');
	var j=1;	
	while(f.elements["fichierpajout"+i+"_"+j]){
		var fichierOk = true;
		if(f.elements["fichierpajout"+i+"_"+j].value!=""){
			fichierOk = verifFileExtension(f.elements["fichierpajout"+i+"_"+j],listeExt2);
		}
		if(fichierOk){cpt++;document.getElementById("erreur_fichierpajout"+i+"_"+j).style.display="none";}
		else{document.getElementById("erreur_fichierpajout"+i+"_"+j).style.display="inline";}
		j++;
	}
	
	if(cpt==0){return true;}
	else{return false;}
}
